<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">

  <title>Space</title>

  <style>
    body {
      font-family: Arial, sans-serif;
      background-color: #f9f9f9;
      margin: 0;
      padding: 0;
    }
    .container {
      max-width: 600px;
      margin: 50px auto;
      padding: 20px;
      background-color: #fff;
      border-radius: 5px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      text-align: center;
    }
    h1 {
      color: #333;
    }
    p {
      color: #666;
    }
    .hero-image {
      width: 100%;
      max-height: 100%;
      object-fit: cover;
      border-radius: 5px;
      margin-bottom: 20px;
    }
    .login-btn {
      display: inline-block;
      padding: 10px 20px;
      background-color: #4df609;
      color: #fff;
      text-decoration: none;
      border-radius: 5px;
    }
    .login-btn:hover {
      background-color: #0679f5;
    }
  </style>
</head>
<body>
<div class="container">
  <img src="images/img.jpg" alt="Hero Image" class="hero-image">
  <h1>欢迎使用Space校园管理系统</h1>
  <a href="/registerServlet" class="login-btn">注册</a>
  <a href="/loginServlet" class="login-btn">登录</a>
</div>
</body>
</html>